<template>
  <div id="app">
    <LayoutHeader />
    <el-container style="height: 500px; border: 1px solid #eee">
      <LayoutAside></LayoutAside>
       <!-- 路由出口 -->
      <router-view></router-view>
    </el-container>
  </div>
</template>
<script>
import LayoutHeader from './views/layout/Header/index.vue'
import LayoutAside from './views/layout/Aside/index.vue'
import LayoutContent from './views/layout/Content/index.vue'
import router from './router';
export default {
  components: {
    LayoutHeader,
    LayoutAside,
    LayoutContent
  },
  data() {
    const item = {
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    };
    return {
      tableData: Array(20).fill(item)
    }
  }
};
</script>
<style lang="scss">
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
</style>
